<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./util.js"></script>  
    <script>
         //1.引用js文件

        Pajax({    //使用封装好的P ajax函数
            url:"http://localhost:3000/news", //输入本地服务器json文件地址
            data:{
                author:"jack"    //请求json文件里作者为jack的文章数据
            }
        })
        .then(res =>{      //使用请求成功的回调函数---success函数 
            console.log(res[0]);  //打印请求回来的数组里的对应数据 [0]里的0是我们根据数据在数组的位置填写的 
            return Pajax({        //返回对应所有评论 --使用P ajax函数请求对应文章的所有相关评论
                url:"http://localhost:3000/comments",  //输入本地服务器json文件地址
                data:{
                    newsId:res[0].id,   //请求评论数据：评论newsId值 和 文章id值 要一样
                },
            });
        })
        .then((res)=>{     //promise 状态为成功的话 执行success函数 .then
            console.log(res);   //返回对应文章的所有评论 以数组形式 里面每一条评论都是一个对象
        })
        .catch((err)=>{    //promise 状态为失败的话，执行error函数 .catch
            console.log(err);  //返回错误信息 
        });

      

        



    </script>
</body>
</html>